<template>
	<view class="goods-img" :style="[customStyle]">
		<u-lazy-load :image="imageUrl" :key="imageUrl" :img-mode="mode"></u-lazy-load>
	</view>
</template>

<script>
	export default{
		props:{
			// 图片路径
			src:{
				type:String
			},
			// 图片的裁剪模式
			mode:{
				type:String,
				default:'widthFix'
			},
			// 自定义样式
			customStyle:{
				type:Object,
				default:()=>{}
			}
		},
		computed:{
			imageUrl(){
				return this.IMG_BASEURL + this.src
			}
		}
	}
</script>

<style lang="scss" scoped>
	.goods-img{
		height: 192rpx;
		width: 192rpx;
	}
</style>
